<template>
    <div>
        <div class="header-title">
            <span
                @click="$router.go(-1)"
                class="mint-toast-icon mintui mintui-back"
            ></span>
            <span>绑定手机</span>
            <span></span>
        </div>
        <div class="content">
            <img src="../../../assets/img/shouji.png" alt="">
            <p>你的手机号：{{phone}}</p>
            <mt-button @click="$router.push({name:'phoneUnbind'})" size="normal" class="submit-btn">更换手机号</mt-button>
        </div>
        
    </div>
</template>
<script>
export default {
    data(){
        return{
            phone:JSON.parse(this.$store.state.userMsg).phoneNo
        }
    }
}
</script>
<style lang="less" scoped>
.content{
    margin: 10vh 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    img{
        width: 20%;
    }
    p{
        font-size: 16px;
        color: @blackColor8;
        margin: 30px 10vh;
    }
}
</style>
